<route lang="json5" type="page">
  {
    "name": "navigation",
    "layout": "default",
    "style": {
      "disableScroll": true,
      "navigationStyle": "default",
      "enablePullDownRefresh": false,
      "navigationBarBackgroundColor": "#F8F8F8",
      "navigationBarTitleText": "导航",
    }
  }
</route>

<script setup>
import { latitude, longitude, onPageLoad } from './index'

onLoad(onPageLoad)
</script>

<template>
  <map
    style="position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 0; height: 100%; width: 100%"
    :latitude="latitude" :longitude="longitude" :scale="16" show-location enable-3D enable-zoom enable-scroll
  />
</template>

<style scoped lang='scss'>
@import './index.scss'
</style>
